今天重點：HTML 是網頁骨架，語義化標籤讓結構更清楚、維護更方便。
今天想先從最基礎的 HTML 講起。簡單來說，HTML 就像網頁的骨架，負責把內容一個個排好，告訴瀏覽器哪裡是標題、哪裡是段落、哪裡要放圖片。就像蓋房子，如果骨架不穩，其他東西也放不穩，整個網頁就會看起來亂七八糟。而** HTML5 的語義化標籤就像骨架裡的指示牌，能讓程式碼更清楚，也方便維護和後續開發**。
回想我第一次接觸 HTML，是在學校的作業裡。那時候我只會把標題和內容丟上去，後來才慢慢加入按鈕、文字框，讓網頁看起來「有東西」。當時覺得這樣就差不多了，但現在重新學習才發現，HTML 背後有很多規則和結構，可以讓網頁更清楚，也方便後續加上樣式或互動功能，讓網頁更精緻。像是標題用<h1>、段落用 <p>，每個標籤都有自己的用途，養成正確習慣真的很重要。
學 HTML 的好處是，它能幫你畫出整個網頁的藍圖。當每個元素的位置和結構都安排好，後續加上樣式或互動功能就簡單很多。如果一開始骨架亂放，之後想改就會很麻煩，而且還可能影響使用者體驗。雖然 HTML 看起來很基礎，但它是整個網頁學習的第一步，也是最重要的一步。掌握骨架，後面所有設計和互動學習都會順利很多。
我之前在學校做過一個小專案，用 JSP 技術做了一個課程資料表單，程式一部分長這樣：

<form action="http://localhost:8080/form_post" method="post">
    <label>Course name:</label>
	<input type="text" name="courseName">
	<br>
    <label>credits</label>
	<input type="number" name="credit">
	<br>
    <label>Teacher</label>
	<input type="text" name="teacher">
	<br>
	<input type="submit" value="Submit">
</form>

這個表單功能沒問題，但最初我都是用<div>做排版，整個程式碼看起來有點亂。後來我把表單包進 <form>，再用<label>、<input>、<fieldset> 這些語義化標籤整理，每個欄位都有明確意義。這樣程式碼不但清楚，也方便日後加 CSS 美化，使用者體驗也提升不少。
總結重點：

• 掌握 HTML5 語義化標籤，可以讓程式碼有條理、網站更好讀、好維護。
• 語義化標籤也有助於無障礙使用者瀏覽。
• 從骨架開始打好基礎，是每個 Modern Web 工程師必經的一步。
• 實作經驗讓我更深刻理解語義化標籤的重要性，也為後續學 CSS 與互動功能打下良好基礎。